import { connect } from 'react-redux'
import Count from '../components/Count'

function mapState(state) {
  return {
    count: state.count,
  }
}

// 为了将展示组件中调用dispatch的代码封装起来
// 使用了mapDispatchToProps,Count组件就不会通过props接收到dispatch函数, 取而代之的是return 的对象里面的函数
function mapDispatchToProps(dispatch) {
  return {
    // 这个add会通过props传递给Count组件
    add: function (num) {
      dispatch({ type: 'add', num })
    },
  }
}
export default connect(mapState, mapDispatchToProps)(Count)
